<script setup lang="ts">
import {RouterLink, RouterView} from 'vue-router'

import {ref} from 'vue'

const isCollapse = ref(true)
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
</script>

<template>
  <div id="appbg">
    <el-container class="layout-container-demo" style="height: 100%;background:none;">
      <el-aside :width="isCollapse ? '64px' : '160px'">
        <el-container class="sidebar-container">
          <el-menu default-active="1" class="el-menu-vertical-demo" :collapse="isCollapse" @open="handleOpen"
                   @close="handleClose" :router='true'>
            <el-radio-group v-model="isCollapse"
                            style="margin-bottom: 20px;margin-top: 10px;margin-left: 10px;max-height: 30px">
              <el-radio-button :label="false" v-if="isCollapse">
                <el-icon>
                  <svg t="1704182542260" class="icon" viewBox="0 0 1024 1024" version="1.1"
                       xmlns="http://www.w3.org/2000/svg" p-id="16755" width="200" height="200">
                    <path d="M896 0l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16756"></path>
                    <path d="M0 0l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16757"></path>
                    <path d="M896 448l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16758"></path>
                    <path d="M0 448l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16759"></path>
                    <path d="M896 896l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16760"></path>
                    <path d="M0 896l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16761"></path>
                  </svg>
                </el-icon>
              </el-radio-button>
              <el-radio-button :label="true" v-else>
                <el-icon>
                  <svg t="1704182542260" class="icon" viewBox="0 0 1024 1024" version="1.1"
                       xmlns="http://www.w3.org/2000/svg" p-id="16755" width="200" height="200">
                    <path d="M896 0l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16756"></path>
                    <path d="M0 0l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16757"></path>
                    <path d="M896 448l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16758"></path>
                    <path d="M0 448l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16759"></path>
                    <path d="M896 896l128 0 0 128-128 0 0-128Z" fill="#1296db" p-id="16760"></path>
                    <path d="M0 896l704 0 0 128-704 0 0-128Z" fill="#1296db" p-id="16761"></path>
                  </svg>
                </el-icon>
              </el-radio-button>
            </el-radio-group>

            <el-menu-item index='/chat'>
              <el-icon>
                <svg t="1704180673772" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="1525" width="200" height="200">
                  <path
                      d="M381.7 985.3c-10.2 0-20.4-3.9-28.3-11.7-15.6-15.6-15.6-40.9 0-56.5L496 774.5c39-39 90.9-60.5 146.1-60.5h136.2c91.4 0 165.7-74.3 165.8-165.7V284.4c0-91.4-74.4-165.8-165.8-165.8H245.7c-91.4 0-165.8 74.4-165.8 165.8v263.9c0 91.4 74.4 165.7 165.8 165.7h74.4c22.1 0 40 17.9 40 40s-17.9 40-40 40h-74.4C110.2 793.9 0 683.7 0 548.3V284.4C0 148.9 110.2 38.7 245.7 38.7h532.6c135.5 0 245.7 110.2 245.7 245.7v263.9C1024 683.8 913.8 794 778.3 794H642.2c-33.8 0-65.7 13.2-89.6 37.1L410 973.6c-7.8 7.8-18 11.7-28.3 11.7z"
                      fill="#707070" p-id="1526"></path>
                  <path d="M322.965 425.019m-50.6 0a50.6 50.6 0 1 0 101.2 0 50.6 50.6 0 1 0-101.2 0Z"
                        fill="#707070"
                        p-id="1527"></path>
                  <path d="M512.065 425.019m-50.6 0a50.6 50.6 0 1 0 101.2 0 50.6 50.6 0 1 0-101.2 0Z"
                        fill="#707070"
                        p-id="1528"></path>
                  <path d="M701.165 425.019m-50.6 0a50.6 50.6 0 1 0 101.2 0 50.6 50.6 0 1 0-101.2 0Z"
                        fill="#707070"
                        p-id="1529"></path>
                </svg>
              </el-icon>
              <template #title>聊天查看</template>
            </el-menu-item>

            <el-menu-item index='/export'>
              <el-icon>
                <svg t="1704180897235" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2706" width="200" height="200">
                  <path
                      d="M909.5 671.4h-625c-17.7 0-32-14.3-32-32s14.3-32 32-32h625c17.7 0 32 14.3 32 32s-14.3 32-32 32z"
                      p-id="2707"></path>
                  <path
                      d="M904.8 662.7c-8.2 0-16.4-3.1-22.6-9.4l-225-225c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l225 225c12.5 12.5 12.5 32.8 0 45.3-6.3 6.3-14.5 9.4-22.7 9.4z"
                      p-id="2708"></path>
                  <path
                      d="M679.5 905.2c-8.2 0-16.4-3.1-22.6-9.4-12.5-12.5-12.5-32.8 0-45.3l225-225c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-225 225c-6.3 6.3-14.5 9.4-22.7 9.4z"
                      p-id="2709"></path>
                  <path
                      d="M448.2 958.3H229.7c-89.3 0-162-72.7-162-162V228.2c0-89.3 72.7-162 162-162h568.1c89.3 0 162 72.7 162 162v208.1c0 17.7-14.3 32-32 32s-32-14.3-32-32V228.2c0-54-44-98-98-98H229.7c-54 0-98 44-98 98v568.1c0 54 44 98 98 98h218.5c17.7 0 32 14.3 32 32s-14.3 32-32 32z"
                      p-id="2710"></path>
                </svg>
              </el-icon>
              <template #title>聊天导出</template>
            </el-menu-item>

            <el-menu-item index='/statistics'>
              <el-icon>
                <svg t="1704181237272" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="10274" width="200" height="200">
                  <path
                      d="M833.6 867.2H192.4c-18.5 0-33.4-15-33.4-33.4V192.6c0-18.5 15-33.4 33.4-33.4s33.4 15 33.4 33.4v607.7h607.7c18.5 0 33.4 15 33.4 33.4 0.1 18.5-14.9 33.5-33.3 33.5z"
                      fill="#202A35" p-id="10275"></path>
                  <path
                      d="M281.6 711.1c-8.6 0-17.1-3.3-23.6-9.8-13.1-13.1-13.1-34.2 0-47.3l164.5-164.5c13-13 34-13 47-0.3l98.3 96.1 171.8-181.6c12.7-13.4 33.9-14 47.3-1.3 13.4 12.7 14 33.9 1.3 47.3L593 656c-6.2 6.5-14.7 10.3-23.6 10.5-8.8 0-17.6-3.3-24-9.5l-99-96.8-141.1 141.1c-6.5 6.5-15.1 9.8-23.7 9.8z"
                      fill="#202A35" p-id="10276"></path>
                </svg>
              </el-icon>
              <template #title>统计分析</template>
            </el-menu-item>

            <el-sub-menu index='/tools'>
              <template #title>
                <el-icon>
                  <svg t="1704181120854" class="icon" viewBox="0 0 1024 1024" version="1.1"
                       xmlns="http://www.w3.org/2000/svg" p-id="9265" width="200" height="200">
                    <path
                        d="M166.2976 995.1232c-36.2496 0-70.2464-14.1312-95.8464-39.7312-52.8384-52.8384-52.8384-139.0592 0-191.8976l242.4832-242.4832c6.7584-6.7584 15.7696-10.4448 25.3952-10.4448s18.6368 3.6864 25.3952 10.4448c2.048 2.048 4.7104 3.072 7.3728 3.072 1.6384 0 4.5056-0.4096 6.9632-2.8672 2.048-2.048 3.2768-4.7104 3.2768-7.3728 0-1.4336-0.4096-4.5056-2.8672-6.9632-6.9632-6.9632-10.6496-15.7696-10.6496-25.3952s3.6864-18.6368 10.4448-25.3952l75.9808-75.9808c13.9264-13.9264 36.6592-13.9264 50.5856 0l28.8768 28.8768L804.6592 137.6256l12.4928-46.2848c4.7104-17.408 17.8176-30.72 35.4304-35.84l74.5472-21.0944c13.1072-4.3008 27.0336-1.024 36.864 8.6016l18.6368 18.6368c9.8304 9.8304 13.1072 23.9616 8.3968 37.0688l-21.0944 74.1376c-5.12 17.408-18.0224 30.3104-35.4304 35.4304h-0.4096l-46.2848 12.4928-270.9504 271.1552 28.8768 28.8768c6.7584 6.7584 10.4448 15.7696 10.4448 25.3952s-3.6864 18.6368-10.4448 25.3952l-75.9808 75.9808c-6.7584 6.7584-15.7696 10.4448-25.3952 10.4448s-18.6368-3.6864-25.3952-10.4448c-2.048-2.048-4.5056-3.072-7.3728-3.072-1.6384 0-4.5056 0.4096-6.9632 2.8672l-0.2048 0.2048c-2.4576 2.4576-2.8672 5.5296-2.8672 7.168s0.4096 4.5056 2.8672 7.168c14.1312 14.1312 14.1312 36.864 0.2048 50.7904L262.3488 955.392c-25.8048 25.6-59.8016 39.7312-96.0512 39.7312z m172.2368-441.7536L99.5328 792.3712c-36.864 36.864-36.864 97.0752 0 134.144 17.8176 17.8176 41.5744 27.8528 66.7648 27.8528h0.2048c25.1904 0 49.152-9.8304 66.9696-27.8528l239.0016-239.2064c-7.5776-9.0112-11.6736-20.2752-11.6736-32.3584 0-13.7216 5.3248-26.624 15.1552-36.2496 9.6256-9.6256 22.3232-14.9504 35.84-15.1552h0.2048c11.8784 0 23.3472 4.096 32.3584 11.6736l68.8128-68.8128-54.0672-54.4768L866.5088 183.9104l56.7296-15.36c3.8912-1.2288 6.3488-3.4816 7.3728-7.168l20.8896-73.1136-14.1312-14.1312-73.3184 20.8896c-3.6864 1.024-6.144 3.4816-7.168 7.168l-15.36 56.9344-307.8144 307.4048-54.272-54.272-68.8128 69.0176c7.3728 9.0112 11.4688 20.2752 11.6736 32.1536 0 13.7216-5.3248 26.624-15.1552 36.4544-9.4208 9.6256-22.3232 14.9504-35.84 15.1552h-0.2048c-12.0832-0.2048-23.3472-4.3008-32.5632-11.6736zM826.7776 994.9184c-42.5984 0-85.1968-16.1792-117.76-48.7424-35.6352-35.6352-53.0432-84.7872-47.9232-134.9632 1.4336-12.9024-2.6624-23.9616-11.6736-33.1776l-71.0656-71.68 126.5664-126.5664 71.4752 71.4752c9.216 9.216 20.2752 13.1072 33.1776 11.6736 49.9712-5.3248 99.328 12.0832 134.9632 47.9232 31.3344 31.3344 48.7424 73.1136 48.7424 117.76 0 44.4416-17.2032 86.2208-48.7424 117.76-32.5632 32.3584-75.1616 48.5376-117.76 48.5376zM636.1088 706.56l42.3936 42.5984c17.8176 17.8176 26.2144 41.3696 23.3472 66.3552-3.8912 37.888 9.216 74.9568 36.0448 101.7856 48.9472 48.9472 128.6144 48.9472 177.5616 0 23.7568-23.7568 36.6592-55.0912 36.6592-88.6784s-13.1072-65.1264-36.6592-88.6784c-27.0336-27.0336-64.1024-40.1408-101.7856-36.0448-24.9856 2.6624-48.5376-5.7344-66.3552-23.552l-42.3936-42.3936-68.8128 68.608zM311.7056 431.9232l-28.4672-28.0576c-9.216-9.216-20.48-12.4928-32.768-9.8304-49.3568 10.24-100.9664-0.4096-141.9264-29.2864-52.4288-36.6592-81.3056-96.4608-77.4144-160.3584v-0.4096c1.024-12.6976 8.192-23.3472 19.6608-28.8768 11.4688-5.5296 24.576-4.3008 35.0208 3.072l88.6784 62.0544 49.152-70.4512-88.8832-62.2592c-10.6496-7.5776-15.9744-19.6608-14.5408-32.1536 1.4336-12.4928 9.216-22.7328 20.48-27.8528 58.9824-25.3952 125.1328-18.6368 177.3568 18.0224 60.0064 41.984 89.088 115.3024 73.9328 186.7776-2.4576 12.4928 0.8192 23.7568 9.8304 32.768L430.08 313.344l-118.3744 118.5792zM258.2528 352.256c19.6608 0 38.5024 7.5776 53.0432 21.9136l60.8256-60.8256c-18.2272-18.6368-25.3952-43.2128-20.2752-69.2224 11.6736-55.5008-10.8544-112.4352-57.344-144.9984-37.2736-26.0096-83.7632-32.5632-126.5664-18.2272l84.1728 58.9824c15.7696 11.0592 19.456 32.768 8.3968 48.3328l-56.5248 80.6912c-5.3248 7.5776-13.312 12.6976-22.3232 14.336-9.216 1.6384-18.432-0.4096-26.0096-5.7344l-83.968-58.9824c0.8192 45.056 22.9376 86.4256 60.416 112.64 32.3584 22.7328 71.2704 30.72 109.9776 22.7328 5.3248-1.2288 10.8544-1.6384 16.1792-1.6384z m-78.848-108.3392z m-117.3504-32.1536z m165.0688-47.104z"
                        fill="#333333" p-id="9266"></path>
                  </svg>
                </el-icon>
                <span>专业工具</span>
              </template>
              <el-menu-item index='/wxinfo'>账号信息</el-menu-item>
              <el-menu-item index='/bias'>基址偏移</el-menu-item>
              <el-menu-item index='/merge'>数据库合并</el-menu-item>
              <el-menu-item index='/decrypt'>解密数据</el-menu-item>
            </el-sub-menu>
          </el-menu>
          <el-menu default-active="1" class="el-menu-vertical-demo" :collapse="isCollapse" @open="handleOpen"
                   @close="handleClose" :router='true'>
            <el-menu-item index='/about'>
              <el-icon>
                <svg t="1704181424728" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="11271" width="200" height="200">
                  <path
                      d="M491.776 352c12.864 0 52.48-6.144 65.152-18.304a61.056 61.056 0 0 0 18.88-45.504 61.248 61.248 0 0 0-18.88-45.184 62.464 62.464 0 0 0-45.248-18.56 61.312 61.312 0 0 0-44.48 18.304 61.312 61.312 0 0 0-18.688 45.44c0 18.432 6.336 33.664 18.88 45.76 12.608 12.032 11.904 18.048 24.384 18.048zM512 32C246.912 32 32 246.848 32 512s214.912 480 480 480c265.152 0 480-214.848 480-480S777.152 32 512 32z m0 896a416 416 0 1 1 0-832 416 416 0 0 1 0 832z m39.488-278.528l-14.912 14.848 39.744-210.816c0.256-1.408-0.192-2.816-0.128-4.224v-0.64a30.592 30.592 0 0 0-9.408-22.72l-0.256-0.448c-0.192-0.192-0.448-0.192-0.64-0.384a33.28 33.28 0 0 0-12.992-7.424c-1.664-0.512-3.008-1.472-4.8-1.728-1.216-0.192-2.432 0.128-3.712 0.064l-3.136 0.064a34.24 34.24 0 0 0-29.504 17.216L425.472 519.488a33.152 33.152 0 1 0 47.04 46.976l14.848-14.848-39.68 210.816c-0.256 1.472 0.192 2.816 0.128 4.288v0.64a30.272 30.272 0 0 0 9.408 22.72l0.256 0.384 0.64 0.448a35.456 35.456 0 0 0 12.992 7.36c1.6 0.512 2.944 1.408 4.736 1.728 1.28 0.192 2.496-0.192 3.776-0.064l3.136-0.128a34.048 34.048 0 0 0 29.504-17.152l86.272-86.272a33.152 33.152 0 1 0-47.04-46.912z"
                      fill="" p-id="11272"></path>
                </svg>
              </el-icon>
              <template #title>关于我们</template>
            </el-menu-item>

            <el-menu-item index='/help'>
              <el-icon>
                <svg t="1704181514907" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="13165" width="200" height="200">
                  <path
                      d="M512 120C296 120 120 296 120 512s176 392 392 392 392-176 392-392S728 120 512 120z m0 736c-190.4 0-344-153.6-344-344S321.6 168 512 168 856 321.6 856 512 702.4 856 512 856z"
                      p-id="13166"></path>
                  <path
                      d="M467.2 656h94.4v91.2h-94.4zM624 313.6c-32-22.4-70.4-33.6-118.4-33.6-35.2 0-65.6 8-91.2 24-38.4 25.6-59.2 67.2-62.4 126.4h91.2c0-17.6 4.8-33.6 14.4-49.6 9.6-16 27.2-24 51.2-24 24 0 41.6 6.4 51.2 19.2 9.6 12.8 14.4 27.2 14.4 43.2 0 14.4-4.8 27.2-12.8 38.4-4.8 6.4-11.2 12.8-17.6 19.2l-22.4 17.6C499.2 512 484.8 528 480 540.8s-8 38.4-9.6 73.6h84.8c0-16 1.6-28.8 4.8-36.8 3.2-12.8 11.2-24 24-33.6l22.4-17.6c22.4-17.6 38.4-32 46.4-43.2 12.8-19.2 20.8-41.6 20.8-68.8-3.2-44.8-17.6-76.8-49.6-100.8z"
                      p-id="13167"></path>
                </svg>
              </el-icon>
              <template #title>帮助中心</template>
            </el-menu-item>

            <el-menu-item index='/setting'>
              <el-icon>
                <svg t="1704181557524" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="14155" width="200" height="200">
                  <path
                      d="M913.94086 431.828053c-4.878101-25.783223-20.693298-42.455951-40.947598-42.455951l-3.511987 0c-54.731532 0-99.248422-44.515866-99.248422-99.262748 0-17.294898 8.299013-37.015032 8.619308-37.798884 10.097986-22.722514 2.349511-50.567699-18.078751-64.859193l-102.701057-57.183374-1.509377-0.738827c-20.545942-8.909927-48.667419-3.207042-63.987337 12.753465-11.086499 11.434423-49.306986 44.037982-78.471213 44.037982-29.543873 0-67.849294-33.257451-78.992075-44.908816-15.293311-16.077164-43.12417-22.112624-63.902402-13.218046l-106.35733 58.272171-1.596358 1.016143c-20.430308 14.234189-28.207435 42.078351-18.165732 64.713884 0.346901 0.827855 8.676613 20.387329 8.676613 37.914518 0 54.746882-44.51689 99.262748-99.247398 99.262748l-4.149507 0c-19.617803 0-35.434024 16.671705-40.309054 42.455951-0.363274 1.814322-8.590656 45.446052-8.590656 80.429821 0 34.938744 8.227382 78.555124 8.590656 80.355119 4.875031 25.799596 20.691251 42.48665 40.946574 42.48665l3.511987 0c54.730509 0 99.247398 44.51689 99.247398 99.247398 0 17.411555-8.328689 37.058011-8.647961 37.812187-10.069333 22.766516-2.349511 50.567699 18.021445 64.787562l100.756775 56.531528 1.538029 0.696872c20.836561 9.17087 49.01432 3.191692 64.250326-13.464663 14.07353-15.207353 52.207036-46.782489 80.20981-46.782489 30.354332 0 69.445652 35.347043 80.706113 47.76691 10.387581 11.376095 26.349111 18.22713 42.687218 18.22713 7.631818 0 14.857383-1.511423 21.474081-4.354168l104.4724-57.574277 1.538029-0.989537c20.428262-14.276145 28.206412-42.077328 18.138102-64.727187-0.348947-0.842181-8.677637-20.402679-8.677637-37.928844 0-54.730509 44.51689-99.247398 99.248422-99.247398l4.093225 0c19.644409 0 35.488259-16.687054 40.365336-42.48665 0.347924-1.799996 8.588609-45.416376 8.588609-80.355119C922.529469 477.274104 914.288784 433.642374 913.94086 431.828053M862.982258 512.257873c0 22.605857-4.498454 51.655474-6.559393 63.785745-82.09781 6.732331-145.738245 75.335802-145.738245 158.303422 0 23.419386 7.430226 45.851281 11.377118 56.169277l-89.12076 49.216935c-4.38282-4.584412-17.325597-17.644869-34.939767-30.762631-30.93557-22.925129-60.595077-34.635845-88.106664-34.635845-27.278273 0-56.703443 11.420097-87.493703 34.05563-17.528212 12.768815-30.296003 25.479301-34.765805 30.18037l-85.724407-47.997154c4.179183-10.839883 11.405771-32.982182 11.405771-56.226582 0-82.96762-63.640436-151.571091-145.70857-158.303422-2.089591-12.130272-6.588045-41.178865-6.588045-63.785745 0-22.650883 4.498454-51.713802 6.588045-63.844074 82.068134-6.718005 145.70857-75.335802 145.70857-158.303422 0-23.288402-7.429203-45.792952-11.376095-56.095599l91.325985-50.190099c3.975545 3.976568 17.005302 16.730033 34.82311 29.411867 30.355355 21.663392 59.260685 32.633235 86.016049 32.633235 26.494421 0 55.19509-10.766205 85.346807-32.009018 17.963117-12.623505 30.964222-25.203008 34.736129-28.757974l87.900979 48.825009c-3.975545 10.244318-11.405771 32.676214-11.405771 56.18258 0 82.96762 63.640436 151.585417 145.738245 158.303422C858.483804 460.5717 862.982258 489.7523 862.982258 512.257873"
                      fill="#231F20" p-id="14156"></path>
                  <path
                      d="M510.215866 365.633445c-80.530105 0-146.056494 65.527412-146.056494 146.057517 0 80.543408 65.527412 146.043191 146.056494 146.043191 80.530105 0 146.057517-65.499783 146.057517-146.043191C656.273383 431.160857 590.74597 365.633445 510.215866 365.633445M596.725148 511.690962c0 47.693232-38.799678 86.491887-86.509283 86.491887-47.708582 0-86.479607-38.798655-86.479607-86.491887 0-47.665603 38.771025-86.479607 86.479607-86.479607C557.925471 425.212378 596.725148 464.025359 596.725148 511.690962"
                      fill="#231F20" p-id="14157"></path>
                </svg>
              </el-icon>
              <template #title>更多设置</template>
            </el-menu-item>

          </el-menu>
        </el-container>
      </el-aside>

      <el-main>
        <el-scrollbar>
          <RouterView/>
        </el-scrollbar>
      </el-main>

    </el-container>
  </div>
</template>

<style scoped>

#appbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header {
  line-height: 1.5;
  max-height: 100vh;
}

@media (min-width: 1024px) {
  header {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
  }

  .logo {
    margin: 0 2rem 0 0;
  }

  header .wrapper {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
  }

  nav {
    text-align: left;
    margin-left: -1rem;
    font-size: 1rem;

    padding: 1rem 0;
    margin-top: 1rem;
  }
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 160px;
}

.layout-container-demo .el-header {
  position: relative;
  background-color: var(--el-color-primary-light-7);
  color: var(--el-text-color-primary);
}

.layout-container-demo .el-aside {
  color: var(--el-text-color-primary);
}

.layout-container-demo .el-menu {
  border-right: none;
}

.layout-container-demo .el-main {
  padding: 0;
}

.layout-container-demo .toolbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  right: 0px;
}
.sidebar-container {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
</style>
